<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404</title>
    <link rel="stylesheet" th:href="@{/css/error/error.css}">
</head>
<script th:inline="javascript" >
    const message = [[${message}]];
    if (message){
        document.getElementById("message").innerHTML = message.toString();
    }
</script>
<body>
<div id="root">
    <div class="box-404-wrap">
        <div class="box">
            <div class="d-flex flex-column align-items-center">
                <div class="text-wrap">
                    <h1 class="h1" data-t="404">404</h1>
                </div>
                <div id="message" class="text-center mt-2" >页面不存在或者您没有权限访问。</div>
                <div class="mt-4"><a class="btn btn-primary" href="/service-web" role="button" tabindex="0">回首页</a></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>